<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="joda" uri="http://www.joda.org/joda/time/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>沈阳国安驾校</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link href="${ctx}/guanaHTML/news.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/guanaHTML/news.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/static/weixin/jquery.min.js" type="text/javascript"></script>
<script src="${ctx}/static/js/jqPaginator.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet"
	href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" />
<style>
.ibox-content {
	clear: both;
}

.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
}

.row:after {
	clear: both;
	display: table;
	content: " ";
}

.timeline-item .date {
	text-align: right;
	width: 110px;
	position: relative;
	padding-top: 30px;
}

.text-navy {
	color: #1ab394;
}

.small, small {
	font-size: 85%;
}

.no-top-border {
	border-top: 0 !important;
}

.col-xs-7 {
	width: 100%;
}

.m-b-xs {
	margin-bottom: 5px;
}

p {
	margin: 0 0 10px;
}

.content {
	border-left: 1px solid #e7eaec;
	border-top: 1px solid #e7eaec;
	border-right: 1px solid #e7eaec;
	margin: 10px 0 0 0;
	padding-top: 10px;
	min-height: 100px;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline-item .date i {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	width: 30px;
	text-align: center;
	border-top: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
	border-left: 1px solid #e7eaec;
	background: #f8f8f8;
}

.timeline-item .date {
	text-align: right;
	width: 110px;
	position: relative;
	padding-top: 30px;
}

.timeline-item .content:hover {
	background: #f6f6f6;
}

.rbu {
	background-color: #179F00;
	padding: 5px 10px;
	margin: 10px 4px;
	font-size: 16px;
	border: 1px solid #0B8E00;
	background-image: linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #179F00),
		color-stop(1, #5DD300));
	-webkit-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	display: table-column;
	font-size: 16px;
}
</style>
  <script type="text/javascript" src="${ctx}/static/js/jquery-1.11.1.min.js"></script>

</head>
<body id="listhome1">

	<div class="ibox-content timeline m-b-xs">
		<strong style="position: absolute; margin-top: 10px; width: 100%;  color: #f00; overflow: hidden;">
			<marquee behavior="scroll" width="98%" scrollamount="2" direction="left">
				<!-- <B>许下你的心愿，愿每一位莘莘学子梦想成真～Wish you every dream comes true~</B> -->
			</marquee>
		</strong>
		<img src="${ctx}/images/a2123.jpg" width="100%">
	</div>
	
	<div class="ibox-content timeline m-b-xs">
		<div class="timeline-item">
			<div class="row m-b-xs"><strong>说明</strong></div>
			<div class="row m-b-xs">${wordConfig.content}</div>
		</div>
	</div>
	<div class="ibox-content timeline">
		<c:forEach var="dataItem" items="${data}" varStatus="status">
			<div class="timeline-item">
				<div class="row">
					<div class="col-xs-7 content">
						<p class="m-b-xs">
							<strong>${dataItem.name}</strong> <strong style="float: right;">
								<joda:format value="${dataItem.createTime}"
									pattern="yyyy-MM-dd HH:mm:ss" />
							</strong>
						</p>
						<p>${dataItem.content}</p>
						<c:if test="${ dataItem.reback != null}">
							<p style="background-color: #E3E3E3">回复：${dataItem.reback}</p>
						</c:if>
					</div>
				</div>
			</div>
		</c:forEach>
	</div>
	<br>
	<div class="center-block" style="width: 146px">
		<ul class="pagination " id="pagination2"></ul>
	</div>
	<div class="footReturn" style="text-align: center">
		<input type="button" style="margin: 0 auto 20px auto; width: 90%"
			class="rbu" value="发布信息"
			onclick="window.location='${ctx}/weixin/wordjls/toAdd'">
	</div>
	<br>
	<div class="copyright">技术支持:沈阳凯鸿科技有限公司</div>
	<script type="text/javascript">
		$.jqPaginator('#pagination2', {
			totalCounts : ${totalCounts},
			pageSize : 20,
			currentPage : ${currentPage},
			prev : '<li class="prev"><a href="javascript:;">上一页</a></li>',
			next : '<li class="next"><a href="javascript:;">下一页</a></li>',
			onPageChange : function(num, type) {
				if(num!=${currentPage})
				window.location='${ctx}/weixin/wordjls/index?num='+num;
			}
		});
	</script>
</body>
</html>